<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- <link rel="stylesheet" href="../bootstrap-4.0.0-dist/css/bootstrap.min.css">
    <script src="../bootstrap-4.0.0-dist/js/bootstrap.min.js"></script>
    <script src="../jquery/js/jquery-ui.custom.min"></script> -->

    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../mycss/main.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   
    <title>home</title>
  </head>
  <body>
    <!-- header-->
    <nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
          <a class="navbar-brand" href="#">租房系统</a>
      </div>
      <div>
          <ul class="nav navbar-nav">
            <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      成都 <b class="caret"></b>
                  </a>
                  <ul class="dropdown-menu">
                      <li><a href="#">上海</a></li>
                      <li><a href="#">武汉</a></li>
                      <li><a href="#">西安</a></li>
                      <li><a href="#">北京</a></li>
                  </ul>
              </li>
              <li class="active"><a href="#">首页</a></li>
              <li><a href="#">业主</a></li>
          </ul>
      </div>
      <div class="div-user">
        <ul class="nav navbar-nav">
          <li><a href="">登录</a></li>
          <li><a href="">注册</a></li>
          <li><a href="">个人</a></li>
        </ul>
      </div>
    </div>
    </nav>
    <!-- header-->

    <div class="div-box">
      <div>
          <ul class="nav navbar-nav">
            <li class="li-houseshow">
              <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                  <li data-target="#myCarousel" data-slide-to="1"></li>
                  <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>   
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                  <div class="item active">
                    <img src="../imgs/v800x600_ChAFD1py4iiAUNTIAAwV2_IGnSU677.JPG" alt="First slide">
                    <div class="carousel-caption">标题 1</div>
                  </div>
                  <div class="item">
                    <img src="../imgs/v800x600_ChAFD1py4iyAe8WHAAsvwgetQx4843.JPG" alt="First slide">
                    <div class="carousel-caption">标题 2</div>
                  </div>
                  <div class="item">
                    <img src="../imgs/v800x600_ChAFfVp5nCGAUA1iAA1KSpRWC5s463.JPG" alt="First slide">
                    <div class="carousel-caption">标题 3</div>
                  </div>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <a class="carousel-control left" href="#myCarousel" 
                   data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" 
                   data-slide="next">&rsaquo;</a>
              </div>
            </li>

            <li class="li-houseop">
              <div>
                <table>
                  <tbody>
                    <tr>
                      <h2>龙湖九里晴川4居室-05卧</h2>
                      <h3>[高新 广都] 1号线 广都</h3>
                      <h2>￥1290/月(季付)</h2>
                    </tr>
                    <tr>
                      <table class="table table-bordered">
                      
                     
                      <tbody>
                        <tr>
                          <td>面积：</td>
                          
                        </tr>
                        <tr>
                           <td>户型：</td>
                        </tr>
                        <tr>
                           <td>朝向：</td>
                        </tr>
                        <tr>
                           <td>交通:</td>
                        </tr>
                      </tbody>
                    </table>
                    </tr>
                    <tr>
                      <h3>
                        <button type="button" class="btn btn-warning btn-lg">我要看房</button>
                        <button type="button" class="btn btn-warning btn-lg">预定</button>
                      </h3>
                      <h3>
                        <button type="button" class="btn btn-lg">收藏</button>
                        <button type="button" class="btn btn-lg">分享</button>
                      </h3>
                    </tr>
                  </tbody>
                </table>
                
              </div>
            </li>
          </ul>
      </div>
    </div>
    
   
    
  </body>
</html>